<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../assets/css/boniaos.css" />
    <link rel="stylesheet" href="../assets/css/touwei.css">
    <link rel="stylesheet" href="../assets/css/reset-global.min.css" />
    <link rel="stylesheet" href="../common/animate.min.css" />
    <!-- <link rel="stylesheet" href="../common/bootstrap/bootstrap.min.css" /> -->
    <!-- <link rel="stylesheet" href="../common/swiper/swiper-bundle.min.css" /> -->
    <script src="../assets/js/jquery-3.6.0.min.js"></script>
    <title>首页</title>
</head>

<body>
    <script>
    </script>
    <div class="box">
        <div th:replace="pub_head"></div>
        <div class="banner"><img th:src="${modules[43].module.imgUrl1}" alt=""></div>
        <div class="diversiform">
            <div class="diver_main">
                <h4 class="h4">多种多样</h4>
                <div class=" diver_mains">
                    <div class="diver_right">
                        <!-- 选项卡 -->
                        <div class="flex tab_Fas">
                            <p class="xk ss"><a th:href="index">[[${modules[5].module.title}]]</a></p>
                            <p class="xk"><a th:href="boniaos">[[${modules[6].module.title}]]</a></p>
                            <p class="xk"><a th:href="weizheng">[[${modules[7].module.title}]]</a></p>
                            <p class="xk"><a th:href="kouqiang">[[${modules[8].module.title}]]</a></p>
                        </div>
                        <!-- 选项卡内容 -->
                        <div class="box_list">
                            <div class=" demand">
                                <div class="flex zhengxing" th:if="${i.index}%5==0" th:each="user2,i:${modules[5].banners}">
                                    <dl th:each="user3:${#numbers.sequence(i.index,i.index+4)}">
                                        <dt>
                                            <img th:src="${modules[5].banners[user3].imgUrl1}" alt="">
                                        </dt>
                                        <dd>[[${modules[5].banners[user3].title}]]</dd>
                                    </dl>
                                </div>
                            </div>
                            <!-- 1 -->
                            <div class="demand flex">
                                <div class="advantage">
                                    <h5>[[${modules[6].banners[0].title}]]</h5>
                                    <p>[[${modules[6].banners[1].title}]]</p>
                                    <p>[[${modules[6].banners[2].title}]]</p>
                                </div>
                                <div class="shortcoming">
                                    <h5>[[${modules[6].banners[3].title}]]</h5>
                                    <p>[[${modules[6].banners[4].title}]]</p>
                                    <p>[[${modules[6].banners[5].title}]]</p>
                                    <p>[[${modules[6].banners[6].title}]]</p>
                                </div>
                            </div>
                            <!-- 2 -->
                            <div class=" demand">
                                <div class="flex zhengxing" th:if="${i.index}%5==0" th:each="user2,i:${modules[5].banners}">
                                    <dl th:each="user3:${#numbers.sequence(i.index,i.index+4)}">
                                        <dt>
                                            <img th:src="${modules[7].banners[user3].imgUrl1}" alt="">
                                        </dt>
                                        <dd>[[${modules[7].banners[user3].title}]]</dd>
                                    </dl>

                                </div>
                            </div>
                            <div class="demand flex kouq">
                                <dl th:each="i:${modules[8].banners}">
                                    <dt><img th:src="${i.imgUrl1}" alt=""></dt>
                                    <dd>[[${i.title}]]</dd>
                                </dl>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div th:replace="pub_foot"></div>
    </div>
</body>
<script src="../assets/js/weizheng.js"></script>
<script defer src="../common/bootstrap/bootstrap.bundle.min.js"></script>
<script defer src="../common/wow.min.js"></script>

</html>